<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/首页.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
</head>

<body>
    <div class="head">
        <div class="logo"><img src="../img/首页logo.webp" alt=""></div>
        <div class="nav">
            <ul>
                <li>
                    <a href="../view/首页.html">
                        <span>首页
                            <hr>
                        </span>
                    </a>
                </li>
                <li>
                    <a href="../view/关于.html">
                        <span>关于
                        </span></a>
                </li>
                <li>
                    <a href="../view/茶叶.html">
                        <span>茶叶
                        </span></a>
                </li>
                <li>
                    <a href="../view/基地.html">
                        <span>基地
                        </span></a>
                </li>
                <li>
                    <a href="../view/新闻.html">
                        <span>新闻
                        </span></a>
                </li>
                <li>
                    <a href="../view/联系.html">
                        <span>联系
                        </span></a>
                </li>
            </ul>
        </div>
        <div class="sreach">
            <ul>
                <li>
                    <a href="">
                        <span class="iconfont" style="font-size: 32px;">&#xe7ad;</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="iconfont">&#xe60c;</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="iconfont" style="font-size: 26px;">&#xe628;</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="wz">
        <span>新茶上市</span>
        <p>tea Leave</p>
    </div>
    <div class="content">
        <ul>
            <li>
                <img src="../img/首页茉莉花茶.webp" alt="">
                <span>
                    茉莉花茶
                    <hr>
                </span>
                <p>¥223.0</p>
            </li>
            <li>
                <img src="../img/首页白牡丹.webp" alt="">
                <span>
                    白牡丹
                    <hr>
                </span>
                <p>¥1223.0</p>
            </li>
            <li>
                <img src="../img/首页白毫银针.webp" alt="">
                <span>
                    白毫银针
                    <hr>
                </span>
                <p>¥258.0</p>
            </li>
            <li>
                <img src="../img/首页云南普洱茶.webp" alt="">
                <span>
                    云南普洱茶
                    <hr>
                </span>
                <p>¥503.0</p>
            </li>
            <li>
                <img src="../img/首页湖北老青茶.webp" alt="">
                <span>
                    湖北老青茶
                    <hr hr>
                </span>
                <p>¥423.0</p>
            </li>
            <li>
                <img src="../img/首页霍山黄芽蒙洱银针.webp" alt="">
                <span>
                    霍山黄芽蒙洱银针
                    <hr>
                </span>
                <p>¥723.0</p>
            </li>
        </ul>
    </div>
    <div class="jiantou"><a href=""><img src="../img/首页箭头.png" alt=""></a></div>
    <div class="about">
        <div class="top">
            <span>关于我们</span>
            <p>About</p>
        </div>
        <div class="down">
            <div class="left"><img src="../img/首页碧螺春.webp" alt=""></div>
            <div class="right">
                <span>
                    茶叶源于中国，茶叶最早是被作为祭品使用的。但从春秋后期就被人们作为菜食，在西汉中期发展为药用，西汉后期才发展为宫廷高级饮料，普及民间作为普通饮料那是西晋以后的事。发现最早人工种植茶叶的遗迹在浙江余姚的田螺山遗址，已有6000多年的历史。饮茶始于中国。
                </span>
                <div style="margin-top: 20px;">
                    <a href="">了解更多</a>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <ul>
            <li><img src="../img/首页row1.png" alt=""></li>
            <li><img src="../img/首页row2.webp" alt=""></li>
            <li><img src="../img/首页row3.png" alt=""></li>
            <li><img src="../img/首页row4.webp" alt=""></li>
            <li><img src="../img/首页row5.webp" alt=""></li>
            <li><img src="../img/首页row6.webp" alt=""></li>
        </ul>
    </div>
    <div class="foot"></div>
</body>

</html>